<template>
    <!-- 轮播图组件 -->
  <view >
    <!-- 因为其他组件也用到了这个组件，所以高度不能写死，由父组件传入高度 -->
    <swiper
        indicator-dots
        autoplay
        circular
        :style="{height:height}"
    >
    <!-- 遍历图片渲染 -->
        <swiper-item v-for="item in banners" :key="item.id">
            <image
                :src="item.imgUrl"
                mode="scaleToFill"
            />
        </swiper-item>
    </swiper>
  </view>
</template>

<script>
export default {
    // 接收父组件传递的数据
    props:['banners','height']
};
</script>

<style scoped>

</style>
